<?php

session_start();

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>志愿者服务中心</title>
<link rel="stylesheet" href="style/index.css" />
<!-- 实现幻灯片式图片播放 -->
<script language="javascript">
	//这一段时图片自动转换的代码
	var n = 0;
	function Mea(value) {
		n = value;

		setBigimg(value);
		setSmall(value);
	}
	function setSmall(value) {
		for ( var i = 0; i < 6; i++)
			document.getElementById("t" + i + "").className = "";
		document.getElementById("t" + value + "").className = "current";
	}
	function setBigimg(value) {
		try {
			with (slide1) {
				filters[0].Apply();//IE的滤镜应用
				for ( var i = 0; i < 6; i++)
					i == value ? children[i].style.display = "block"
							: children[i].style.display = "none";
				filters[0].play();
			}
		} catch (e) {
			var d = document.getElementById("slide1").getElementsByTagName(
					"div");
			for ( var i = 0; i < 6; i++) {
				i == value ? d[i].style.display = "block"
						: d[i].style.display = "none";
			}
		}
	}
	function clearAuto() {
		clearInterval(autoStart)
	}
	function setAuto() {
		autoStart = setInterval("auto(n)", 3000)
	}

	function auto(n) {
		n++;
		if (n > 5)
			n = 0;
		Mea(n);
	}
	setAuto();
	
</script>
</head>
<body>
	 
	<!-- 志愿者网logo -->
	<div id="hd" align="center">
		 

	</div>
	<!-- 导航模块 -->
	<div class="topNav">
		<ul class="MNav">
			<li ><a target="_self" href="./index.php"><font size=4><b>首页</b></font></a></li>
			<li><a target="_self" href="./list.php?mid=1"><font size=4><b>论坛</b></font></a></li>
			<li class="last"><a target="_self" href="./view_files.php"><font size=4><b>资料下载</b></font></a></li>
		</ul>
	</div>

<?php

if (!isset( $_SESSION['u_id'] ))
{
    echo <<<ROD
	<!-- 登录模块 -->
	<div class="tools">
		<div class="logging">
            <form name="loginForm" method="post" action="login.php">
                <font size=2>用户名</font> <input type="text" class="text" name="userName"
                    id="userName"> <font size=2>密 码</font> <input
                    type="password" class="text" name="password" id="password"> <input
                    name="auto_login" type="checkbox" checked="checked"> <font
                    size=2>记住密码</font> <input type="hidden" name="backurl" value="#">
                <input type="submit" value="登录"   id="loginsubmit">
                <a target="_blank" class="linka" href="register.html"><font size=2>立即注册</font></a>
                <a target="_blank" href="#"><font size=2>忘记密码</font></a>
			</form>
		</div>
	</div>
ROD;
}
else
{
    echo <<<ROD
	<div class="tools">
		<div class="logging">
        {$_SESSION['userName']}，欢迎您！&nbsp;&nbsp;<a href="#">个人设置</a>&nbsp;&nbsp;<a href="logout.php">退出</a>
        </div>
    </div>
ROD;
}

?>
	<!-- 空格 -->
	<div class="space"></div>
	<!-- 内容板块 -->
	<div class="col">
		<!-- 左边模块* -->
		<div class="col_L">
			<div class="fpic">
				<div id="slide1">
					<div style="display: block;" class="bigPic">
						<a href="http://bbs.ifeng.com/viewthread.php?tid=12685376"
							target="_blank"> <img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/41791684_ba3e4153b35f8721a936daaf844a284b.jpg"
							alt="社会各阶层吃午餐花多少钱" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/viewthread.php?tid=12685376"
								target="_blank">社会各阶层吃午餐花多少钱</a>
						</h3>
					</div>
					<div class="bigPic" style="display: none;">
						<a href="http://bbs.ifeng.com/photo.shtml" target="_blank"><img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/69600126_47ddbf91304ff07d88d2e4f3c4dc13ea.jpg"
							alt="穿比基尼上节目的美女真伤不起" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/photo.shtml" target="_blank">穿比基尼上节目的美女真伤不起</a>
						</h3>
					</div>
					<div class="bigPic" style="display: none;">
						<a href="http://bbs.ifeng.com/viewthread.php?tid=12685434"
							target="_blank"><img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/83142094_18b7eca3a5fc58843dfb73f3455d1c13.jpg"
							alt="纽约华裔的“蜗居”生活" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/viewthread.php?tid=12685434"
								target="_blank">纽约华裔的“蜗居”生活</a>
						</h3>
					</div>
					<div class="bigPic" style="display: none;">
						<a href="http://bbs.ifeng.com/viewthread.php?tid=12685475"
							target="_blank"><img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/57420531_c3f224e2c3a4f8de06ceabad3115c714.jpg"
							alt="情侣为得钻戒街头拥吻到晕倒" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/viewthread.php?tid=12685475"
								target="_blank">情侣为得钻戒街头拥吻到晕倒</a>
						</h3>
					</div>
					<div class="bigPic" style="display: none;">
						<a href="http://bbs.ifeng.com/viewthread.php?tid=12685507"
							target="_blank"><img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/05462015_5a992eb5be5e4569d3a821e42cfcec3f.jpg"
							alt="某工厂辱虐童工 刀割肚子" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/viewthread.php?tid=12685507"
								target="_blank">某工厂辱虐童工 刀割肚子</a>
						</h3>
					</div>
					<div class="bigPic" style="display: none;">
						<a href="http://bbs.ifeng.com/viewthread.php?tid=12684016"
							target="_blank"><img
							src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/29093110_703f7e8bd43f1344fa0ca038939d1183.jpg"
							alt="非主流嫩妹丝袜美腿自拍合集" width="300" height="395"></a>
						<h3>
							<span class="cRed"><a
								href="http://bbs.ifeng.com/list.php?blockid=4" target="_blank">[往期]</a></span><a
								href="http://bbs.ifeng.com/viewthread.php?tid=12684016"
								target="_blank">非主流嫩妹丝袜美腿自拍合集</a>
						</h3>
					</div>
				</div>
				<div class="btPho">
					<ul id="focuspicHandler">
						<li id="t0" onmouseover="Mea(0);" class="current">1</li>
						<li id="t1" onmouseover="Mea(1);" class="">2</li>
						<li id="t2" onmouseover="Mea(2);" class="">3</li>
						<li id="t3" onmouseover="Mea(3);" class="">4</li>
						<li id="t4" onmouseover="Mea(4);" class="">5</li>
						<li id="t5" onmouseover="Mea(5);" class="">6</li>
					</ul>
				</div>
			</div>

			<div class="space02"></div>
			<!-- 左边第二块 -->
			<div class="boxleft" style="border-bottom: none;">
				<div class="titleft">
					<div class="icon">
						<a href="#" target="_blank" style="color: #2b2b2b;">热点回顾</a>
					</div>
					<span class="cGray"><a href="#" target="_blank">更多</a></span>
				</div>
				<div class="picTxt01" style="padding-top: 7px;">
					<h3>
						<a href="#" target="_blank">真实的美国工薪生活：一个华侨的自白</a>
					</h3>
					<a href="#" target="_blank"><img
						src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/97383176_30de0ce78e2d8a70d2b5381a0598c1b1.jpg"
						alt="真实的美国工薪生活：一个华侨的自白" width="92" height="55" border="0"></a>
					<p>
						面对国内高物价，高房价，富者不仁，贪官腐败，工薪阶层痛苦生活，请看一名华侨的自 <span class="cRed"><a
							href="#" target="_blank">[详细]</a></span>
					</p>
				</div>
				<div class="clear"></div>
				<div class="picTxt01"
					style="padding-top: 3px; margin-bottom: -5px; background: none;">
					<h3>
						<a href="#" target="_blank">去晦气遭“大仙”性侵谁把受害女扶上牙床</a>
					</h3>
					<a href="#" target="_blank"><img
						src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/29523067_d4f2f67f6a6eff6405e651bc6bd54aec.jpg"
						alt="去晦气遭“大仙”性侵谁把受害女扶上牙床" width="92" height="55" border="0"></a>
					<p>
						大庆市名唤孙宏的“大仙”，以招收徒弟为名，招揽了3名男子常伴左右，听他调遣、照顾他 <span class="cRed">
							<a href="#" target="_blank">[详细]</a>
						</span>
					</p>
				</div>
				<div class="clear"></div>
				<!--  <ul class="list01 p10">
					<li><a href="#" target="_blank">私家侦探情人节捉小三日赚30万是喜是忧！</a></li>
					<li><a href="#" target="_blank">求职被骗300元当街捅死中介，为何有人叫好</a></li>
					<li><a href="#" target="_blank">18岁少女腹痛就诊方知怀胎十月 该谁脸红</a></li>
					<li><a href="#" target="_blank">政协常委拳击女记者的真正看点在哪里？</a></li>
				</ul>
				-->
			</div>

		</div>
		<?php
		 require('dbconnect.php');
		 
		 echo '
		<div class="col_M">
			<div class="box410">
				<div style="position: relative; height: 38px;">
					<!-- 有id -->
					<ul class="Tab02" id="rdph_ul" style="width: 400px;">
						<!--<li class=""><a target="_blank" href="#">热点推荐</a></li>-->
						<!--<li class="current"><a target="_blank" href="#">48小时热点</a></li>-->
						<!--li class=""><a target="_blank" href="#">一周热帖</a></li>-->
						<li class="current"><a target="_blank" >最新活动</a></li>
						<li class=""><a target="_blank" href="#">最热活动</a></li>
					</ul>
				</div>
				<div class="Tab02_box" style="display: block;">
					<div class="space8"></div>
					<ul class="top-12">';
					$query = "SELECT p_id, subject,access_times FROM page ORDER BY dateline DESC";
	                $result = mysql_query($query);
					$i=1;
					while (($row=mysql_fetch_array($result, MYSQL_ASSOC)) && $i<=10) {
						echo "<li class=\"li$i\" ><a target=\"_self\" href=\"view_page.php?pid={$row['p_id']}\">{$row['subject']}</a>
							<span class=\"num\">{$row['access_times']}</span></li>";
						$i++;
						}
					echo '</ul>
					<div class="line04"></div>
				</div>
			</div>
		</div>';
		?>
		<!-- 中间结束 -->
		<!-- 右边部分 -->
		<div class="col_R">
			<!-- 第一块 -->
			<div class="box220">
				<div class="tit04">
					<img alt="论坛公告" src="./images/announcement.jpg" width="208"
						height="40">
					<map name="Map" id="Map">
						<area shape="rect" coords="37,9,96,27" href="#">
					</map>
					<div class="tip01"></div>
				</div>
				<ul class="list03" style="padding-top: 5px; padding-bottom: 6px;">
					<li class="cRed"><a
						href="http://bbs.ifeng.com/viewthread.php?tid=8198026"
						target="_blank">2012凤凰论坛删帖申请流程公告</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=12436659"
						target="_blank">关于网友无法正常浏览帖子的公告</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=3548050"
						target="_blank">凤凰论坛各版招募版主 欢迎加入</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=10782767"
						target="_blank">凤凰论坛二期改版上线！征集意见</a></li>
				</ul>
			</div>
			
			<!-- 右边第三块 -->
			<div class="box220">
				<div class="tit04">
					<img src="./images/volunteer.jpg" alt="志愿者之星" width="208"
						height="40" border="0" usemap="#Map">
					<map name="Map" id="Map">
						<area shape="rect" coords="37,9,96,27"
							href="http://bbs.ifeng.com/list.php?blockid=10">
					</map>
					<div class="tip02"></div>
				</div>
				<div class="space5"></div>
				<div class="picTxt01"
					style="padding-top: 7px; padding-bottom: 0; position: relative; background: none;">
					<h4>
						<a target="_blank"
							href="http://bbs.ifeng.com/viewthread.php?tid=12611909"><b>第98期：DJ思琪</b></a>
					</h4>
					<div class="space10"></div>
					<a class="pic1" target="_blank"
						href="http://bbs.ifeng.com/viewthread.php?tid=12611909"> <img
						width="76" height="96" border="0" alt="第98期：DJ思琪"
						src="http://bbsfile.ifeng.com/bbsfile/cmsupload/2012-02/13891204_18e2999891374a475d0687ca9f989d83.jpg"></a>
					<p>
						其实我是来发图的，大家觉得哪张比较好，回头弄一个壁纸神马的。<span class="cRed"><a
							target="_blank"
							href="http://bbs.ifeng.com/viewthread.php?tid=12611909">[详细]</a></span>
					</p>
					<div class="tip03"></div>
				</div>
				<div class="space4"></div>
				<ul class="list03">
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=12231747"
						target="_blank">第97期：野蔷薇张丹妮</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=12292371"
						target="_blank">第96期：文艺小青年李纯子</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=12183094"
						target="_blank">月度凤凰之星：苗家阿妹</a></li>
					<li><a href="http://bbs.ifeng.com/viewthread.php?tid=12321935"
						target="_blank">第95期：刘凌薇校园暇想</a></li>
				</ul>
				<div class="space4"></div>
			</div>
			<!-- 第三块结束 -->
		</div>

	</div>
	<div class="clear"></div>



	<!-- 结束 -->
	 <div class="chaFotNav02"></div>
	<div class="chaFooter">
		<div class="footLink">
		<?php
		 echo '
			<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>投资者关系 Investor
				Relations</a> |<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>广告服务</a>
			|<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>诚征英才</a> |<a
				href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>保护隐私权</a>
			|<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>免责条款</a>
			|<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>法律顾问</a>
			|<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>意见反馈</a>
			|<a href="./index.php" target="_self" onclick=alert("谢谢访问我们的网站^~^")>关于我们</a>
			';
		?>
		</div>
		<div class="copyright">
			数据库小组 版权所有<br> Copyright ? 2012 S.C.U.T CS3 Limited All
			Rights Reserved.
		</div>
	</div>

</body>
</html>